<!DOCTYPE html>
<style>
div {
  isolation: isolate;
}
#clip {
  transform: translateZ(0);
  outline: 10px solid black;
  overflow: hidden;
  width: 100px;
  height: 10px;
}
</style>
<div id="clip">
  <div>
    <div>ABCDE</div>
  </div>
</div>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
  clip.style.height = '100px';
}, true);
</script>
